<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Post 表格</title>
    <link rel="Shortcut Icon" href="http://lucode-1251927515.file.myqcloud.com/favicon.ico"/>
    <link rel="stylesheet" href="../../common/plugins/layui/css/layui.css" media="all">
</head>
<body>

<table id="postTable" lay-filter="test"></table>

<script src="../../common/plugins/layui/layui.js"></script>
<script src="../../common/lucode.js"></script>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>
    <!--<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>-->
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>


</script>
<script>
    layui.use('table', function(){
        var table = layui.table;

        //第一个实例
        table.render({
            elem: '#postTable',
                even:true
            ,url: lucode.serverURL+'/cmsPost/getPostList/' //数据接口
            ,page: true //开启分页
            ,cols: [[ //表头
                {field: 'id', title: 'ID', width:260, sort: true, fixed: 'left'}
                ,{field: 'title', title: '标题', width:200}
                ,{field: 'nickname', title: '发布人', width:80, sort: true}
                ,{field: 'state', title: '状态', width:80}
                ,{field: 'typeName', title: '类型', width: 100}
                ,{field: 'isShow', title: '是否公开', width: 100, sort: true}
                ,{field: 'readCount', title: '阅读量', width: 100, sort: true}
                ,{field: 'cash', title: '众筹目标', width: 150}
                ,{field: 'gmtModify', title: '发布时间', width: 200, sort: true}
                ,{fixed: 'right', width:150, align:'center', toolbar: '#barDemo'}
            ]]
            ,done:function () {

//监听工具条
                table.on('tool(test)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
                    var data = obj.data; //获得当前行数据
                    var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
                    var tr = obj.tr; //获得当前行 tr 的DOM对象

                    if(layEvent === 'detail'){ //查看

                        window.open("/lucode-for-all-web/cms/index.html?postId="+data.id);

                    } else if(layEvent === 'del'){ //删除
                        layer.confirm('真的删除这行吗', function(index){
                            //obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                            layer.close(index);
                            layer.msg("哈哈，就是不让你删除")
                        });
                    }
                });
            }
        });



    });
</script>
</body>
</html>
